﻿<%@ Page Title="" Language="C#" MasterPageFile="~/html/MyBlog.Master" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="HelloLLLLL.Blog.html.Index" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>国王笔记</title>
    <style>
        .remark-list {
            min-height: 445px;
        }

            .remark-list li {
                position: relative;
                min-height: 50px;
                margin: 5px 0;
            }

                .remark-list li .user-avator {
                    padding: 2px;
                    border: 1px solid #ddd;
                    position: absolute;
                }

                .remark-list li .remark-content {
                    margin-left: 60px;
                    border: 1px solid #efefef;
                    height: 46px;
                    padding: 5px 8px;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    font-size: 12px;
                    overflow: hidden;
                    line-height: 18px;
                    background-color: #efefef;
                    color: #666;
                }

                    .remark-list li .remark-content::after {
                        content: "";
                        border: 10px solid rgba(255, 255, 255, 0.00);
                        border-bottom: 8px solid rgba(255, 255, 255, 0.00);
                        border-top: 8px solid rgba(255, 255, 255, 0.00);
                        border-right-color: #efefef;
                        position: absolute;
                        top: 12px;
                        left: 42px;
                        display: block;
                    }
            #test-n1 .layui-laydate-content td,
    		#test-n1 .layui-laydate-content th {
    			width: 87px;
    			height: 50px;
    		}
           #test-n1 .layui-laydate-main {
                 width: 368px;
}
    </style>
    <script src="../res/js/homepage.js"></script>
    <script>
        layui.use(['laydate'], function () {
            var laydate = layui.laydate;
            laydate.render({
                elem: '#test-n1'
                , position: 'static'
                , showBottom: false
                ,calendar: true
                
                
            });
        })
        
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <!-- 首页内容 -->
    <div class="layui-container">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="home-tips shadow">
                    <i style="float: left; line-height: 17px;" class="fa fa-volume-up"></i>
                    <div class="home-tips-container">

                        <%for (int j = 0; j < ListNotice.Count; j++)
                            {%>
                        <span <%if (j == 0)
                            { %>style="color: red"
                            <%}
                            else
                            { %>style="display:none"
                            <%} %>><%=ListNotice[j]%></span>
                        <%} %>
                    </div>
                </div>
            </div>
            <!--左边文章列表-->
            <div class="layui-col-md8">
                <div class="left-box shadow" style="padding: 5px; background-color: #fff;">
                    <!-- 此处Banner宽度需要根据Banner数量来动态设置，容器宽度为100*数量（%），Banner宽度为1/数量*100（%） -->
                    <div class="carousel-box" style="position: relative; background-color: #fff; overflow: hidden">
                        <div style="width: 200%" class="banner">
                            <ul>
                                <%if (Banners != null)
                                    { %>
                                <%for (int s = 0; s < Banners.Count; s++)
                                    { %>

                                <li style="width: 50%">
                                    <a href="<%=Banners[s].BanAddr%>" target="_blank">
                                        <img src="<%=Banners[s].BanImgAddr%>" />
                                        <p><%=Banners[s].BanTitle%></p>
                                    </a>
                                </li>
                                <%}
                                    } %>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="left-box">
                    <p class="left-box-title shadow"><i class="fa fa-diamond fa-fw" aria-hidden="true"></i>置顶博文</p>
                    <!-- 没有数据 -->
                    <%if (ListTops == null)
                        { %>
                    <div class="emptybox shadow">
                        <p><i style="font-size: 50px; color: #5fb878" class="layui-icon">&#xe69c;</i></p>
                        <p>暂时没有任何数据</p>
                    </div>
                    <%}
                        else
                        {
                            for (int i = 0; i < ListTops.Count; i++)
                            {%>
                    <div class="article shadow clearfix sr-listshow">
                        <div class="article-left">
                            <img src="<%=ListTops[i].HomeImg%>" alt="<%=ListTops[i].Title %>" />
                        </div>
                        <div class="article-right">
                            <div class="article-title">
                                <a href="/html/Detail.aspx?Id=<%=ListTops[i].Id %>"><%=ListTops[i].Title %></a>
                            </div>
                            <div class="article-abstract">
                                <%=ListTops[i].Digest %>
                            </div>
                            <div class="article-footer">
                                <%for (int j = 0; ListTops[i].ArtType!=null&&j < ListTops[i].ArtType.Count; j++)
                                    {%>
                                <span class="layui-hide-xs"><i class="fa fa-tag" aria-hidden="true"></i>&nbsp;<a
                                    style="color: #009688" href="/html/ArticleList.aspx?type=<%=ListTops[i].ArtType[j]%>"><%=ListTops[i].ArtTypeName[j]%></a></span>
                                <%} %>
                                <span><i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;<%=ListTops[i].CreateTime %></span>
                                <span class="article-viewinfo"><%=ListTops[i].ReadCount %>阅读</span>
                                <span class="article-viewinfo"><%=ListTops[i].CommentCount %>评论</span>
                                <span class="article-viewinfo"><%=ListTops[i].PresentCount %>赞</span>
                                <a class="read layui-btn layui-btn-xs layui-btn-normal layui-hide-xs"
                                    href="/html/Detail.aspx?Id=<%=ListTops[i].Id %>" title="阅读全文：<%=ListTops[i].Title %>">阅读全文</a>
                            </div>
                            <div class="flag flag-left">推荐</div>
                        </div>
                    </div>

                    <%}
                    } %>                    
                </div>
                <div class="left-box">
                    <p class="left-box-title shadow sr-listshow">
                        <i class="fa fa-signal fa-fw"
                            aria-hidden="true"></i>最新博文
                    </p>
                   
                    <%if (ListNews == null)
                        { %>
                    <div class="emptybox shadow">
                        <p><i style="font-size: 50px; color: #5fb878" class="layui-icon">&#xe69c;</i></p>
                        <p>暂时没有任何数据</p>
                    </div>
                    <%}
                        else
                        {
                            for (int i = 0; i < ListNews.Count; i++)
                            {%>
                    <div class="article shadow clearfix sr-listshow">
                        <div class="article-left">
                            <img src="<%=ListNews[i].HomeImg%>" alt="<%=ListNews[i].Title %>" />
                        </div>
                        <div class="article-right">
                            <div class="article-title">
                                <a href="/html/Detail.aspx?Id=<%=ListNews[i].Id %>"><%=ListNews[i].Title %></a>
                            </div>
                            <div class="article-abstract">
                                <%=ListNews[i].Digest %>
                            </div>
                            <div class="article-footer">
                                <%for (int j = 0;  ListNews[i].ArtType!=null&&j < ListNews[i].ArtType.Count; j++)
                                    {%>
                                <span class="layui-hide-xs"><i class="fa fa-tag" aria-hidden="true"></i>&nbsp;<a
                                    style="color: #009688" href="/html/ArticleList.aspx?type=<%=ListNews[i].ArtType[j]%>"><%=ListNews[i].ArtTypeName[j]%></a></span>
                                <%} %>
                                <span><i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;<%=ListNews[i].CreateTime %></span>
                                <span class="article-viewinfo"><%=ListNews[i].ReadCount %>阅读</span>
                                <span class="article-viewinfo"><%=ListNews[i].CommentCount %>评论</span>
                                <span class="article-viewinfo"><%=ListNews[i].PresentCount %>赞</span>
                                <a class="read layui-btn layui-btn-xs layui-btn-normal layui-hide-xs"
                                    href="/html/Detail.aspx?Id=<%=ListNews[i].Id %>" title="阅读全文：<%=ListNews[i].Title %>">阅读全文</a>
                            </div>
                            <%--<div class="flag flag-left">推荐</div>--%>
                        </div>
                    </div>

                    <%}
                    } %>                
                </div>
            </div>
            <!--右边小栏目-->
            <div class="layui-col-md4">
                <div class="layui-row layui-col-space10">
                    <div class="layui-col-sm12 layui-col-md12">
                        <div class="blogerinfo shadow">
                            <div class="blogerinfo-figure">
                                <img src="../res/images/Leo.jpg" alt="Leo" />
                            </div>
                            <div class="blogerinfo-info">
                                <p class="blogerinfo-nickname"><%=LLuser.Nick %></p>
                                <p class="blogerinfo-introduce"><%=LLuser.Introduce %></p>
                                <p class="blogerinfo-location"><i class="fa fa-location-arrow"></i>&nbsp;<%=LLuser.Address %></p>
                            </div>
                            <div class="blogerinfo-contact">
                               <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes"><i
                                        class="fa fa-qq fa-2x"></i></a>
                                <a target="_blank" title="给我写信"
                                    href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=576484879@qq.com"
                                    style="text-decoration: none;"><i class="fa fa-envelope fa-2x"></i></a>
                                <a target="_blank" title="博客园" href="https://www.cnblogs.com/HelloQLQ/"><i
                                    class="fa fa-question-circle-o fa-2x"></i></a>
                                <a target="_blank" title="GitHub" href="https://gitee.com/dq_V"><i
                                    class="fa fa-github fa-2x"></i></a>
                            </div>
                           <%-- <div class="bloginfo-statistics">
                                <div class="item">
                                    <span>12</span>
                                    <p>博文</p>
                                </div>
                                <div class="item">
                                    <span>12</span>
                                    <p>细语</p>
                                </div>
                                <div class="item">
                                    <span>12</span>
                                    <p>评论</p>
                                </div>
                                <div class="item">
                                    <span>12</span>
                                    <p>留言</p>
                                </div>
                            </div>--%>
                            <div class="bloginfo-runtime">
                                博客已运行<span style="margin-left: 4px;"></span>
                            </div>
                        </div>
                    </div>
                    <%-- 天气--%>
                    <div class="layui-col-sm6 layui-col-md12">
                        
                        <%if (Wea != null&&Wea[1]!="") { %>
                        <table class="layui-table">
                            <colgroup>
                              <col width="250">
                              <col width="250">
                              
                            </colgroup>
                           
                            <tbody>
                              <tr>
                                <td><%=Wea[1] %></td>
                                <td><%=Wea[4].Split(new char[1] { ' '})[0]%></td>
                                 </tr>
                                <tr>
                                  <td><img src="/weather/<%=Wea[8]%>" style="display:inline-block"/><%=Wea[5] %></td>
                                <td><%=Wea[6].Split(new char[1] { ' '})[1] %></td>
                              </tr>

                                <tr>
                                <td><%=Wea[1] %></td>
                                <td><%=Wea[13].Split(new char[1] { ' '})[0]%></td>
                                 </tr>
                                <tr>
                                  <td><img src="/weather/<%=Wea[15]%>" style="display:inline-block"/><%=Wea[12] %></td>
                                <td><%=Wea[13].Split(new char[1] { ' '})[1] %></td>
                              </tr>
                            
                    </tbody>
                    </table>


                        <%} %>

<%--                        <div class="blog-card shadow sr-rightmodule">
                            <div class="blog-card-title">
                                <span class="icon"><i class="layui-icon" aria-hidden="true">&#xe6c6;</i></span>
                                <span class="text">作者推荐</span>
                            </div>
                            <ul class="blog-card-ul">
                                <li>
                                    <span class="layui-badge ">1</span><a href="detail.html"
                                        title=".NET Core 3.0正式版发布">.NET Core 3.0正式版发布</a>
                                </li>
                                <li>
                                    <span class="layui-badge ">2</span><a href="detail.html"
                                        title="JS动画效果之妙用Animate.css">JS动画效果之妙用Animate.css</a>
                                </li>
                                <li>
                                    <span class="layui-badge ">3</span><a href="detail.html"
                                        title="使用ASP.NET Core SignalR搭建聊天室（本站聊天室）">使用ASP.NET Core
                                            SignalR搭建聊天室（本站聊天室）</a>
                                </li>
                                <li>
                                    <span class="layui-badge layui-bg-blue">4</span><a href="detail.html"
                                        title="小程序黑科技之获取手机号码、通讯地址、地理位置">小程序黑科技之获取手机号码、通讯地址、地理位置</a>
                                </li>
                                <li>
                                    <span class="layui-badge layui-bg-blue">5</span><a href="detail.html"
                                        title="ASP.NET Core第三方认证之QQ登录">ASP.NET Core第三方认证之QQ登录</a>
                                </li>
                            </ul>
                        </div>--%>
                    </div>
                    <%-- 日历--%>  
                    <div class="layui-col-sm6 layui-col-md12">
                        <div class="layui-inline" id="test-n1" lay-key="38">

                               </div>
                        
                        <%--<div class="blog-card shadow sr-rightmodule">
                            <div class="blog-card-title">
                                <span class="icon"><i class="layui-icon" aria-hidden="true">&#xe611;</i></span>
                                <span class="text">最新评论</span>
                            </div>
                            <ul class="blog-card-padding remark-list">
                                <li>
                                    <div data-name="大米饭" class="user-avator remark-user-avator">
                                        <img src="http://thirdqq.qlogo.cn/g?b=oidb&amp;k=kzyk1Jw1egqJAWuL5P3Mrg&amp;s=40"
                                            alt="大米饭">
                                    </div>
                                    <a title="点击查看" href="/article/detail/44#remark-53">
                                        <div class="remark-content">
                                            <p>
                                                <img src="http://www.leo96.com/lib/layui/images/face/56.gif"
                                                    alt="[赞]"><img
                                                        src="http://www.leo96.com/lib/layui/images/face/56.gif"
                                                        alt="[赞]"><img
                                                            src="http://www.leo96.com/lib/layui/images/face/54.gif"
                                                            alt="[good]"><img
                                                                src="http://www.leo96.com/lib/layui/images/face/54.gif"
                                                                alt="[good]">一个字
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <div data-name="Hui" class="user-avator remark-user-avator">
                                        <img src="http://thirdqq.qlogo.cn/g?b=oidb&amp;k=uZCxvvY8DmIEP33exklaow&amp;s=40&amp;t=1554960122"
                                            alt="Hui">
                                    </div>
                                    <a title="点击查看" href="/article/detail/39#remark-52">
                                        <div class="remark-content">
                                            為什麼我的安卓設備管理器顯示缺少config.ini ?
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <div data-name="蚯蚓" class="user-avator remark-user-avator">
                                        <img src="http://thirdqq.qlogo.cn/qqapp/101460869/C1E74DC5CC7AE8407B54669472FE1A27/40"
                                            alt="蚯蚓">
                                    </div>
                                    <a title="点击查看" href="/article/detail/6#remark-51">
                                        <div class="remark-content">
                                            <p>
                                                <span>QQLoginHelper代码分享一下吧，我正在做QQ登录<img
                                                    src="http://www.leo96.com/lib/layui/images/face/22.gif"
                                                    alt="[委屈]"></span>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <div data-name="Kitty" class="user-avator remark-user-avator">
                                        <img src="http://thirdqq.qlogo.cn/g?b=oidb&amp;k=5ibcolOhUmxopWC5lsNGYRA&amp;s=40"
                                            alt="Kitty">
                                    </div>
                                    <a title="点击查看" href="/article/detail/41#remark-50">
                                        <div class="remark-content">
                                            优秀啊<img src="http://www.leo96.com/lib/layui/images/face/1.gif"
                                                alt="[嘻嘻]">
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <div data-name="鸡你太美" class="user-avator remark-user-avator">
                                        <img src="http://thirdqq.qlogo.cn/g?b=oidb&amp;k=icTcD1iaOMvAwn948KB5lvqQ&amp;s=40"
                                            alt="鸡你太美">
                                    </div>
                                    <a title="点击查看" href="/article/detail/37#remark-49">
                                        <div class="remark-content">
                                            看到博主的网站，我就看到了.net的希望
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <div data-name="思君满月" class="user-avator remark-user-avator">
                                        <img src="http://thirdqq.qlogo.cn/qqapp/101460869/71AEA4035857A271FBB8ABC151CBD899/40"
                                            alt="思君满月">
                                    </div>
                                    <a title="点击查看" href="/article/detail/36#remark-48">
                                        <div class="remark-content">
                                            你好啊
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <div data-name="庞" class="user-avator remark-user-avator">
                                        <img src="http://thirdqq.qlogo.cn/qqapp/101460869/70C4D69693E3A277A899C79AB49A84B8/40"
                                            alt="庞">
                                    </div>
                                    <a title="点击查看" href="/article/detail/29#remark-47">
                                        <div class="remark-content">
                                            666
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <div data-name="放下" class="user-avator remark-user-avator">
                                        <img src="http://thirdqq.qlogo.cn/qqapp/101460869/63333A59B914E33630702CC26AB7A30B/40"
                                            alt="放下">
                                    </div>
                                    <a title="点击查看" href="/article/detail/35#remark-46">
                                        <div class="remark-content">
                                            <img src="http://www.leo96.com/lib/layui/images/face/54.gif"
                                                alt="[good]">。
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>--%>
                 </div>
                    <%-- 热文排行--%>
                    <div class="layui-col-sm6 layui-col-md12">
                        <div class="blog-card shadow">
                            <div class="blog-card-title">
                                <span class="icon"><i class="layui-icon" aria-hidden="true">&#xe756;</i></span>
                                <span class="text">热文排行</span>
                            </div>
                            <ul class="blog-card-ul">
                                <%
                        if (null != ListHots)
                        {
                            for (int m = 0; m < ListHots.Count; m++)
                            {
                                if (m < 3)
                                {%>
                                <li>
                                    <span class="layui-badge "><%=m + 1%></span><a href="/html/Detail.aspx?Id=<%=ListHots[m].Id%>&type=<%=((ListHots[m].ArtType!=null&&ListHots[m].ArtType.Count>1)?ListHots[m].ArtType[0].ToString():"")%>"
                                        title="<%=ListHots[m].Title%>"><%=ListHots[m].Title%></a>
                                </li>
                                <%}
                                else
                                { %>
                                <li>
                                    <span class="layui-badge layui-bg-blue"><%=m + 1 %></span><a href="/html/Detail.aspx?Id=<%=ListHots[m].Id%>&type=<%=ListHots[m].ArtType[0]%>"
                                        title="<%=ListHots[m].Title%>"><%=ListHots[m].Title%></a>
                                </li>
                                <%}
                                }
                            }%>
                            </ul>
                        </div>
                    </div>

                    <%-- 最新留言--%>
                    <div class="layui-col-sm6 layui-col-md12">
                        <div class="blog-card shadow sr-rightmodule">
                            <div class="blog-card-title">
                                <span class="icon"><i class="layui-icon" aria-hidden="true">&#xe645;</i></span>
                                <span class="text">最新留言</span>
                            </div>
                            <!-- 没有数据 -->
                            <!-- <div class="emptybox">
                                    <p><i style="font-size:50px;color:#5fb878" class="layui-icon">&#xe69c;</i></p>
                                    <p>暂时没有任何数据</p>
                                </div> -->
                            <ul class="blog-card-padding remark-list">
                               <%if (listAllPL != null)
                                   {
                                       for (int i = 0; i < listAllPL.Count; i++)
                                       {

                                       
                                       %>
                                <li>
                                   
                                    <div data-name="<%=listAllPL[i].Pubnisher %>" class="user-avator remark-user-avator">
                                          <%=listAllPL[i].Pubnisher %>                  
                                    </div>
                                    <a title="点击前往留言板" href="/html/Comment.aspx">
                                        <div class="remark-content">
                                             <%=listAllPL[i].Content%>  
                                        </div>
                                    </a>
                                </li>
                                <%} }else{%>
                                    <li>
                                         <a title="点击前往留言板" href="/html/Comment.aspx">
                                        <div>
                                             点击前往留言板
                                        </div>
                                    </a>
                                    </li>
                                <%} %>
                            </ul>
                        </div>
                    </div>
                    <%--说说--%>
                   <%-- <div class="layui-col-sm6 layui-col-md12">
                        <div class="blog-card shadow sr-rightmodule">
                            <div class="blog-card-title">
                                <span class="icon"><i class="layui-icon" aria-hidden="true">&#xe609;</i></span>
                                <span class="text">一路走来</span>
                            </div>
                            <ul style="padding: 15px 15px 0px 20px;" class="layui-timeline">
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis">&#xe65e;</i>
                                    <div class="layui-timeline-content layui-text">
                                        <h3 class="layui-timeline-title">2018年04月09日</h3>
                                        <p>新增博文打赏功能。</p>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis">&#xe6fc;</i>
                                    <div class="layui-timeline-content layui-text">
                                        <h3 class="layui-timeline-title">2018年04月07日</h3>
                                        <p>新增博文配乐功能。</p>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis">&#xe60e;</i>
                                    <div class="layui-timeline-content layui-text">
                                        <h3 class="layui-timeline-title">2018年03月01日</h3>
                                        <p>不落阁2.0项目启动</p>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis">&#xe60e;</i>
                                    <div class="layui-timeline-content layui-text">
                                        <h3 class="layui-timeline-title">2017年03月09日</h3>
                                        <p>不落阁1.0基本正式上线！</p>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis">&#xe612;</i>
                                    <div class="layui-timeline-content layui-text">
                                        <h3 class="layui-timeline-title">2017年02月25日</h3>
                                        <p>新增QQ登陆功能。</p>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis">&#xe60e;</i>
                                    <div class="layui-timeline-content layui-text">
                                        <h3 class="layui-timeline-title">2017年02月18日</h3>
                                        <p>不落阁1.0项目启动</p>
                                    </div>
                                </li>
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis">&#xe643;</i>
                                    <div class="layui-timeline-content layui-text">
                                        <div class="layui-timeline-title">回忆太多，伤神！</div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>--%>
                    <%--友链--%>
                    <div class="layui-col-sm6 layui-col-md12">
                        <div class="blog-card shadow sr-rightmodule" data-scroll-reveal>
                            <div class="blog-card-title">
                                <span class="icon"><i class="layui-icon" aria-hidden="true">&#xe64c;</i></span>
                                <span class="text">友情链接</span>
                            </div>
                            <ul class="blogroll">
                                <%--<li><a target="_blank" href="https://www.leo96.com" title="燕十三">燕十三</a></li>
                                    <li><a target="_blank" href="https://www.leo96.com" title="神秘代码">神秘代码</a></li>
                                    <li><a target="_blank" href="https://www.leo96.com" title="懒得勤快">懒得勤快</a></li>
                                    <li><a target="_blank" href="https://www.leo96.com" title="臾离">臾离</a></li>--%>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
